<script lang="ts" setup>
// import { ref, onMounted } from 'vue'
// import { storeToRefs } from 'pinia';
// import { requestSynthesizeSearchResult } from '../../../utils/axiosURL'
// import useSearchHistory from '../../../store/searchHistory';

// // 请求的关键字
// const { keyword_Store } = storeToRefs(useSearchHistory())
// onMounted(() => requestSynthesizeSearchResultFn())
// // 请求播客数据
// const requestSynthesizeSearchResultFn = () => {
//     requestSynthesizeSearchResult(keyword_Store.value, 2000, 30, 1).then((data: any) => {
//         console.log(data, '声音')
//     }).catch(err => {
//         console.log(err);
//     })
// }


</script>


<template>
    <p class="noAuthrity">接口无数据, 懒得写了</p>
    <!-- <div class="sound_wrap">
                <div class="sound_item">
                    <div class="leftImg">
                        <img src="../../../assets/handsome.jpg" alt="">
                    </div>
                    <div class="rightDesc">
                        <div class="sound_name">播客名字名字字名字字名字字名字字名字字名字字名字</div>
                        <div class="sound_playcount">123</div>
                        <div class="sound_number">1首</div>
                        <div class="sound_author">by 巴拉巴拉巴拉巴拉</div>
                    </div>
                </div>
            </div> -->
</template>


<style lang="scss" scoped>
// .sound_wrap {
//     width: 100%;

//     .sound_item {
//         display: flex;
//         align-items: center;
//         width: 100%;
//         height: 80px;
//         border-radius: 6px;

//         .leftImg {
//             display: flex;
//             justify-content: center;
//             align-items: center;
//             flex-basis: 80px;
//             width: 60px;
//             height: 60px;

//             img {
//                 width: 60px;
//                 height: 60px;
//                 border-radius: 6px;
//             }
//         }

//         .rightDesc {
//             display: flex;
//             align-items: center;
//             flex: 1;

//             >div {
//                 font-size: $font-size-sm;
//                 font-family: $textFont;
//                 color: $font_main_color;
//             }

//             .sound_name {
//                 width: 50%;
//             }

//             .sound_playcount {
//                 width: 10%;
//             }

//             .sound_number {
//                 width: 10%;
//             }

//             .sound_author {
//                 width: 30%;
//             }
//         }

//         &:nth-child(even) {
//             background-color: rgb(250, 250, 250);
//         }

//         &:hover {
//             background-color: rgb(242, 242, 243);
//         }
//     }
// }


.noAuthrity {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    font-family: $activeTextFont;
    font-size: $font-size-lg2;
}
</style>